


<script setup>
import { ref, reactive } from "vue";

const items = reactive ([
    { message: 'Foo' },
    { children : [{message : 'aaa'}]}

])
</script>

<template>
    <li v-for="item in items" :key="item.message">
        {{ item.message }}
        <span v-for="childItem in item.children" :key="childItem">
            {{ childItem }}
        </span>
    </li>
</template>